<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>fireHydrant</title>
  <script type="text/javascript" th:inline="JavaScript">
  </script>
</head>

<body>
  <div th:fragment="building">
    <!-- 建筑 列表展示页面 -->
    <div class="cd-popup3 buildingList buildingList-pop" id="buildingListModal">
        <div class="cd-popup-container3 buildingListModal manageModal">
            <div class="modal-top"></div>
            <div class="modal-title">建筑列表</div>
            <div class="buildingListTableBox">
                <table class="table table-bordered" id="buildingListPageTable" style="margin: -1px; width: 1041px;">
                    <thead>
                    <tr>
                        <th style="width: 5%">
                            <input type="checkbox" id="buildingListSelectAll">
                        </th>
                        <th style="width: 5%">编号</th>
                        <th>建筑性质</th>
                        <th>建筑名称</th>
                        <th>地址</th>
                        <th>联系人</th>
                        <th>联系电话</th>
                        <th>所属组织</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody class="tbodyList">
                    
                    </tbody>
                </table>
            </div>
            <!-- 关闭按钮 -->
            <a href="javascript:;" class="cd-popup-close closeModal"></a>
            <!-- 添加按钮-->
            <div class="addbuildingListBtn" id="addbuildingListBtn">添加</div>
            <!-- 分页 -->
            <div class="dailyPageBox pageBox" id="buildingListPageBox">
                <ul class="pagination" id="buildingListPage"></ul>
                <div class="pageJump">
                    <span>跳转到</span>
                    <input type="text" />
                    <span>页</span>
                    <button type="button" class="button btn btn-default">跳转</button>
                </div>
            </div>
            <!-- 删除-->
            <div class="delbuildingListBtn" id="delbuildingListBtn"></div>
        </div>
    </div>
    <!-- 高层建筑 添加页面 -->
    <div class="cd-popup3 building building-pop" id="buildingModal">
      <div class="cd-popup-container3 buildingModal modalStyle">
          <!-- 小叉 关闭按钮 -->
          <a class="cd-popup-close closeModal" href="javascript:;"></a>
          <div class="modal-title">高层建筑添加</div>
          <form id="buildingForm" style="text-align: left; margin-top: 20px;" method="post" enctype="multipart/form-data">
            <!-- 用于判断是高层建筑的数据 提交 -->
            <input type="hidden" value="1" name="type" class="buildingFormHidden" >
            <div class="buildingImg bac fr">
                <img class="pic" src="">
                <input accept="image/*" class="upload" name="file" style="display: none" type="file">
                <span class="del">-</span>
            </div>
            <div class="row" style="width:50%; height: 34px;">
                <div class="col-xs-3">
                    <span>建筑性质 :</span>
                </div>
                <div class="col-xs-9">
                    <input type="text" class="form-control notEmptyInput buildingType" name="buildingType" autocomplete="off">
                </div>
            </div>
            <div class="row" style="width:50%; height: 34px;">
                <div class="col-xs-3">
                    <span>建筑名称 :</span>
                </div>
                <div class="col-xs-9">
                    <input type="text" class="form-control notEmptyInput buildingName" name="buildingName" autocomplete="off">
                </div>
            </div>
            <div class="row" style="width:50%; height: 34px;">
                <div class="col-xs-3">
                    <span>地址 :</span>
                </div>
                <div class="col-xs-9">
                    <input type="text" class="form-control notEmptyInput address" name="address" autocomplete="off">
                </div>
            </div>
            <div class="row" style="width:50%; height: 34px;">
                <div class="col-xs-3">
                    <span>联系人 :</span>
                </div>
                <div class="col-xs-9">
                    <input type="text" class="form-control notEmptyInput linkMain1" name="linkMain1" autocomplete="off">
                </div>
            </div>
            <div class="row" style="width:100%; height: 34px;">
                <div class="fl" style="width:50%;">
                    <div class="col-xs-4">
                        <span>联系电话 :</span>
                    </div>
                    <div class="col-xs-8">
                        <input type="text" class="form-control notEmptyInput linkPhone1" name="linkPhone1" autocomplete="off">
                    </div>
                </div>  
                <div class="fr" style="width:50%;">
                    <div class="col-xs-4" style="text-align: right;">
                        <span>消防车道 :</span>
                    </div>
                    <div class="col-xs-8">
                        <select class="form-control notEmptyInput" name="orNotFireLaneIsclear" autocomplete="off">
                            <option value="1">畅通</option>
                            <option value="0">不畅通</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="row mb24" style="width:100%;">
                <div class="fl" style="width:50%;">
                    <div class="col-xs-4">
                        <span>登高场地 :</span>
                    </div>
                    <div class="col-xs-8">
                        <select class="form-control notEmptyInput orNotHighGround" name="orNotHighGround" autocomplete="off">
                            <option value="1">设置</option>
                            <option value="0">未设置</option>
                        </select>
                    </div>
                </div>  
                <div class="fr" style="width:50%;">
                    <div class="col-xs-4" style="text-align: right;">
                        <span>是否占用 :</span>
                    </div>
                    <div class="col-xs-8">
                        <select class="form-control notEmptyInput orNotOccupyHighGround" name="orNotOccupyHighGround" autocomplete="off">
                            <option value="1">占用</option>
                            <option value="0">未占用</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="row mb24" style="width:100%;">
                <div class="fl" style="width:50%;">
                    <div class="col-xs-4">
                        <span>远程监控 :</span>
                    </div>
                    <div class="col-xs-8">
                        <select class="form-control notEmptyInput orNotRemoteMonitoring" name="orNotRemoteMonitoring" autocomplete="off">
                            <option value="1">安装</option>
                            <option value="0">未安装</option>
                        </select>
                    </div>
                </div>  
                <div class="fr" style="width:50%;">
                    <div class="col-xs-4" style="text-align: right;">                            
                        <span>消防设施:</span>
                    </div>
                    <div class="col-xs-8">
                        <select class="form-control notEmptyInput orNotFireEquipment" name="orNotFireEquipment" autocomplete="off">
                            <option value="1">完好</option>
                            <option value="0">欠缺</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="row" style="width:100%;">
                <div class="fl" style="width:50%;">
                    <div class="col-xs-4">
                        <span>经度 :</span>
                    </div>
                    <div class="col-xs-8">
                        <input type="text" class="form-control notEmptyInput longitude" name="longitude" autocomplete="off">
                    </div>
                </div>  
                <div class="fr" style="width:50%;">
                    <div class="col-xs-4" style="text-align: right;">
                        <span>纬度 :</span>
                    </div>
                    <div class="col-xs-8">
                        <input type="text" class="form-control notEmptyInput latitude" name="latitude" autocomplete="off">
                    </div>
                </div>
            </div>
            <div class="row mb24" style="width:100%;">
                <div class="fl" style="width:50%;">
                    <div class="col-xs-4">
                        <span>消控持证人数 :</span>
                    </div>
                    <div class="col-xs-8">
                        <input type="text" class="form-control notEmptyInput numberOfFireRoomStaff" name="numberOfFireRoomStaff" autocomplete="off" placeholder="消防室">
                    </div>
                </div>  
                <div class="fr" style="width:50%;">
                    <div class="col-xs-4" style="text-align: right;">
                        <span>技防措施 :</span>
                    </div>
                    <div class="col-xs-8">
                        <select class="form-control notEmptyInput orNotMeasures" name="orNotMeasures" autocomplete="off">
                            <option value="1">是</option>
                            <option value="0">否</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="row mb24" style="width:100%;">
                <div class="fl" style="width:50%;">
                    <div class="col-xs-4">
                        <span>微型消防站 :</span>
                    </div>
                    <div class="col-xs-8" style="width:65%;">
                        <select class="form-control notEmptyInput orNotFireStation" name="orNotFireStation" autocomplete="off" style="width: 100%;">
                            <option value="1">建立</option>
                            <option value="0">未建立</option>
                        </select>
                    </div>
                </div>  
                <div class="fr" style="width:50%;">
                    <div class="col-xs-4" style="text-align: right;">
                        <span>对应社区 :</span>
                    </div>
                    <div class="col-xs-8">
                        <select class="form-control notEmptyInput organization" name="orgId" autocomplete="off"></select>
                    </div>
                </div>
            </div>
            <div class="buildingAddPageBtnBox">
                <button type="submit" class="btn btn-primary buildingAddPageConfirmBtn" style="background-color: #70abe1;border: none; margin-right: 40px;">确认</button>
                <button type="button" class="btn btn-primary buildingAddPageCancelBtn" style="background-color: #70abe1;border: none;">取消</button>
            </div>  
          </form>
      </div>
    </div>
    <!-- 建筑 详情页面 -->
    <div class="cd-popup3 buildingDetail buildingDetail-pop" id="buildingDetailModal">
        <div class="cd-popup-container3 buildingDetailModal modalStyle">
            <!-- 小叉 关闭按钮 -->
            <a class="cd-popup-close closeModal" href="javascript:;"></a>
            <div class="modal-title">建筑详情</div>
            <form id="buildingDetailForm" style="text-align: left; margin-top: 20px;" method="post" enctype="multipart/form-data">
                <div class="buildingImg bac fr">
                    <img class="pic" src="">
                    <input accept="image/*" class="upload" name="file" style="display: none" type="file" disabled>
                </div>
                <div class="row" style="width:50%; height: 34px;">
                    <div class="col-xs-3">
                        <span>建筑性质 :</span>
                    </div>
                    <div class="col-xs-9">
                        <input type="text" class="form-control notEmptyInput buildingType disabledStyle" name="buildingType" autocomplete="off" disabled>
                    </div>
                </div>
                <div class="row" style="width:50%; height: 34px;">
                    <div class="col-xs-3">
                        <span>建筑名称 :</span>
                    </div>
                    <div class="col-xs-9">
                        <input type="text" class="form-control notEmptyInput buildingName disabledStyle" name="buildingName" autocomplete="off" disabled>
                    </div>
                </div>
                <div class="row" style="width:50%; height: 34px;">
                    <div class="col-xs-3">
                        <span>地址 :</span>
                    </div>
                    <div class="col-xs-9">
                        <input type="text" class="form-control notEmptyInput address disabledStyle" name="address" autocomplete="off" disabled>
                    </div>
                </div>
                <div class="row" style="width:50%; height: 34px;">
                    <div class="col-xs-3">
                        <span>联系人 :</span>
                    </div>
                    <div class="col-xs-9">
                        <input type="text" class="form-control notEmptyInput linkMain1 disabledStyle" name="linkMain1" autocomplete="off" disabled>
                    </div>
                </div>
                <div class="row" style="width:100%; height: 34px;">
                    <div class="fl" style="width:50%;">
                        <div class="col-xs-4">
                            <span>联系电话 :</span>
                        </div>
                        <div class="col-xs-8">
                            <input type="text" class="form-control notEmptyInput linkPhone1 disabledStyle" name="linkPhone1" autocomplete="off" disabled>
                        </div>
                    </div>  
                    <div class="fr" style="width:50%;">
                        <div class="col-xs-4" style="text-align: right;">
                            <span>消防车道 :</span>
                        </div>
                        <div class="col-xs-8">
                            <select class="form-control notEmptyInput orNotFireLaneIsclear disabledStyle" name="orNotFireLaneIsclear" autocomplete="off" disabled>
                                <option value="1">畅通</option>
                                <option value="0">不畅通</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="row mb24" style="width:100%;">
                    <div class="fl" style="width:50%;">
                        <div class="col-xs-4">
                            <span>登高场地 :</span>
                        </div>
                        <div class="col-xs-8">
                            <select class="form-control notEmptyInput orNotHighGround disabledStyle" name="orNotHighGround" autocomplete="off" disabled>
                                <option value="1">设置</option>
                                <option value="0">不设置</option>
                            </select>
                        </div>
                    </div>  
                    <div class="fr" style="width:50%;">
                        <div class="col-xs-4" style="text-align: right;">
                            <span>是否占用 :</span>
                        </div>
                        <div class="col-xs-8">
                            <select class="form-control notEmptyInput orNotOccupyHighGround disabledStyle" name="orNotOccupyHighGround" autocomplete="off" disabled>
                                <option value="1">占用</option>
                                <option value="0">不占用</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="row mb24" style="width:100%;">
                    <div class="fl" style="width:50%;">
                        <div class="col-xs-4">
                            <span>远程监控 :</span>
                        </div>
                        <div class="col-xs-8">
                            <select class="form-control notEmptyInput orNotRemoteMonitoring disabledStyle" name="orNotRemoteMonitoring" autocomplete="off" disabled>
                                <option value="1">安装</option>
                                <option value="0">不安装</option>
                            </select>
                        </div>
                    </div>  
                    <div class="fr" style="width:50%;">
                        <div class="col-xs-4" style="text-align: right;">                            
                            <span>消防设施:</span>
                        </div>
                        <div class="col-xs-8">
                            <select class="form-control notEmptyInput orNotFireEquipment disabledStyle" name="orNotFireEquipment" autocomplete="off" disabled>
                                <option value="1">完好</option>
                                <option value="0">不完好</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="row" style="width:100%;">
                    <div class="fl" style="width:50%;">
                        <div class="col-xs-4">
                            <span>经度 :</span>
                        </div>
                        <div class="col-xs-8">
                            <input type="text" class="form-control notEmptyInput longitude disabledStyle" name="longitude" autocomplete="off" disabled>
                        </div>
                    </div>  
                    <div class="fr" style="width:50%;">
                        <div class="col-xs-4" style="text-align: right;">
                            <span>纬度 :</span>
                        </div>
                        <div class="col-xs-8">
                            <input type="text" class="form-control notEmptyInput latitude disabledStyle" name="latitude" autocomplete="off" disabled>
                        </div>
                    </div>
                </div>
                <div class="row mb24" style="width:100%;">
                    <div class="fl" style="width:50%;">
                        <div class="col-xs-4">
                            <span>消控持证人数 :</span>
                        </div>
                        <div class="col-xs-8">
                            <input type="text" class="form-control notEmptyInput numberOfFireRoomStaff disabledStyle" name="numberOfFireRoomStaff" autocomplete="off" disabled>
                        </div>
                    </div>  
                    <div class="fr" style="width:50%;">
                        <div class="col-xs-4" style="text-align: right;">
                            <span>技防措施 :</span>
                        </div>
                        <div class="col-xs-8">
                            <select class="form-control notEmptyInput orNotMeasures disabledStyle" name="orNotMeasures" autocomplete="off" disabled>
                                <option value="1">是</option>
                                <option value="0">否</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="row mb24" style="width:100%;">
                    <div class="fl" style="width:50%;">
                        <div class="col-xs-4">
                            <span>微型消防站 :</span>
                        </div>
                        <div class="col-xs-8" style="width:65%;">
                            <select class="form-control notEmptyInput orNotFireStation disabledStyle" name="orNotFireStation" autocomplete="off" style="width: 100%;" disabled>
                                <option value="1">建立</option>
                                <option value="0">不建立</option>
                            </select>
                        </div>
                    </div>  
                    <div class="fr" style="width:50%;">
                        <div class="col-xs-4" style="text-align: right;">
                            <span>对应社区 :</span>
                        </div>
                        <div class="col-xs-8">
                            <input class="form-control notEmptyInput orgName disabledStyle" autocomplete="off" disabled>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>    
  </div>
</body>
</html>

















